@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{ font-family:Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333; min-width:1185px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a
{ color:#333; text-decoration:none; }
a:hover
{ color:#2e2564;}
a:focus
{ outline:none;}
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.t_center
{ text-align:center;}
.space10 { height:10px; clear:both; }
.space15 { height:15px; clear:both; }
.space20 { height:20px; clear:both; }
.space25 { height:25px; clear:both; }
.space30 { height:30px; clear:both; }
/*效果*/
.trans1
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img
{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
/*按钮样式*/
.yu_a0
{ display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
/*============================ 公共部分 ============================*/
/* 文章上下篇 */
.wengzhengfanye
{ line-height:30px; padding:20px 10px; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:14px; color:#666;}
.wengzhengfanye span
{font-weight:bold; }
.wengzhengfanye a:hover
{ text-decoration:underline;}
/* 文章类别上下页 */
.page
{ padding:20px; overflow:hidden; text-align:center;}
.pagelink a,.pagelink span
{ display:inline-block; border:1px solid #999;padding:7px 12px; color:#666;margin: 0 4px;border-radius: 3px;}
.pagelink ul li{display: inline-block;}
.pagelink ul li a:hover
{ background:#2e2564; border:solid 1px #2e2564; color:#fff;}
.pagelink ul li.active span
{ background:#2e2564; border:solid 1px #2e2564; color:#fff;}
/*.page
{ padding:20px; overflow:hidden; text-align:center;}
.pagelink a,.pagelink span
{ display:inline-block; padding:7px 12px; color:#666;margin: 0 5px;}
.pagelink ul li{display: inline-block;}
.pagelink ul li a:hover
{ color:#ce1421;}
.pagelink ul li.active span
{ color:#ce1421;}*/
/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/
/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#856493; }
.container{width: 1200px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
/*========================================= 首页 =====================================*/
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;padding: 20px 0}
.logo a:nth-child(2){display: none}
.header .nav{display: flex;justify-content: space-between;align-items: center}
.navs{line-height:60px;margin-left: 60px}
.navs li{float:left;text-align:center; position: relative;margin-left: 40px;}
.navs li a{font-size:16px;display:block;color: #fff}
.navs ul li a:hover,.navs ul li a.active{}
.navs ul li.active a{color: #fff;}
.navs li:after{content:'';width: 0;height: 2px;background: #fff;position: absolute;bottom: 0;left: 0;transition: all 0.3s ease;}
.navs li:hover:after,.navs li.active:after{width: 100%;}

.navs li ul{display:none;width:100%;position: absolute;top:95px;left: -0;z-index: 999;background-color:#f0f0f0}
.navs li ul li{width:100%;line-height:35px;}
.navs li ul li:hover{background-color: #2e2564}
.navs li ul li:hover a{color: #fff;}
.navs li ul li a{font-size: 14px;padding: 0;}

.headr ul li{width: 40px;height: 40px;border-radius: 50%;background-color: rgba(255,255,255,0.3);border: 1px rgba(255,255,255,0.1) solid;
    position: relative;float: left;margin-left: 15px;transition: all 0.3s ease;}
.headr ul li i img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.headr ul li dd{position: absolute;top: 60px;left: 50%;margin-left: -45px;opacity: 0;transition: all 0.3s ease;}
.headr ul li dd img{width: 90px;}
.headr ul li dl{position: absolute;top: 60px;right: 0;margin-right: -70px;padding: 0 20px;background: #fff;width: 160px;font-size: 16px;line-height: 46px;
    opacity: 0;transition: all 0.3s ease;color: #2e2564}
.headr ul li:nth-child(1):hover dd{opacity: 1}
.headr ul li:nth-child(2):hover dl{opacity: 1}
.headr ul li:hover{background: #2e2564}
.headr ul li i:nth-child(2){opacity: 0}

.header.on{background: #fff;box-shadow: 0 5px 8px 0px rgba(0, 0, 0, .075);}
.header.on .navs li a{color: #333}
.header.on .navs li:after{background: #2e2564}
.header.on .headr ul li i:nth-child(1){opacity: 0}
.header.on .headr ul li i:nth-child(2){opacity: 1;}
.header.on .headr ul li{background: rgba(0,0,0,0);border: 1px #ddd solid;}
.header.on .headr ul li:hover{background: #2e2564;border-color: #2e2564}
.header.on .headr ul li:hover i:nth-child(2){opacity: 0}
.header.on .headr ul li:hover i:nth-child(1){opacity: 1}
.header.on .logo a:nth-child(2){display: block}
.header.on .logo a:nth-child(1){display: none}

/*banner图片切换样式*/
.banner{width:100%; height:621px; margin:0px auto 0px; overflow:hidden}
#focus {width:100%; height:621px; overflow:hidden; position:relative;}
#focus ul {height:auto; position:absolute;left:-3840px;width: 5709px;}
#focus ul li {float:left; height:621px;overflow:hidden;position: relative;}
#focus ul li a{display: inline-block;width: 100%;height: 100%}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:100%; height:16px; left:0; bottom:0; }
#focus .btn {position:absolute; width:100%; height:16px;left:0;text-align:center;bottom:20px;}
#focus .btn span { _display:inline; _zoom:1; _font-size:0;  width:32px; height:4px; display:inline-block; margin:0 6px; text-indent:-999px; cursor:pointer;
    background:#fff;overflow:hidden;}
#focus .btn span.on {background:#2e2564;}
#focus .preNext {width:45px; height:100px; position:absolute; top:260px; background:url(../img/sprite.png) no-repeat 0 0; cursor:pointer;display: none}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
#focus:hover .preNext{display: block}

.oneys{border-radius: 5px;margin-top: 40px;overflow: hidden}
.oneys ul{display: flex;justify-content: space-between}
.oneys ul li{background: #2e2564;width: 16.67%;line-height: 75px;text-align: center;display: flex;align-items: center;justify-content: center}
.oneys ul li b{font-size: 16px;color: #fff;margin-left: 20px;display: inline-block}


.title{margin-top: 40px;text-align: center;overflow: hidden}
.title h2{font-size:36px;color:#333;font-weight: normal;}
.title p{font-size: 16px;color: #666;padding: 15px 0}
.title i{display: inline-block;width: 40px;height: 2px;background-color: #2e2564;margin: 0 auto}

.oneAbg{background: #f8f8f8;overflow: hidden;padding-bottom: 60px}
.oneA{overflow: hidden;position: relative;margin-top: 40px;padding-bottom: 40px}
.oneA ul li{width: 280px;height: auto;float: left;background-color: #fff;overflow: hidden;transition: all 0.5s ease;}
.oneA ul li dd{height: 230px;position: relative;overflow: hidden;text-align: center;}
.oneA ul li dd img{width:100%;transition: all 0.5s ease;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneA ul li dt{font-size: 16px;text-align: center;line-height: 2;background: #f2f2f2;padding: 15px 10px}
.oneA ul li:hover img{transition: all 0.5s ease;transform: scale(1.2)}
.oneA .swiper-pagination{ position: absolute; bottom:0; width:100%; z-index:100; text-align: center;}
.oneA .swiper-pagination-bullet {width:8px;height:8px;margin:0 4px!important;cursor: pointer;background:#666;
    border-radius: 100%;position: relative}
.oneA .swiper-pagination-bullet-active{background: #2E2564}

.oneAgd{text-align: center;margin-top: 40px}
.oneAgd a{width: 170px;height: 48px;background: #2E2564;text-align: center;line-height: 48px;display: inline-block;color: #fff;}
.oneAgd a img{margin-left: 5px;transition: .5s;}
.oneAgd a:hover {background: #493DAC;}
.oneAgd a:hover img {transform: translateX(10px);}

.index_about {width: 100%;height: 721px;overflow: hidden;background: url(../img/oabout.jpg) no-repeat center bottom;background-attachment: fixed;background-size: cover;position: relative;padding-top: 170px;box-sizing: border-box;}
.index_about_top {margin: 0 auto;height: 100%;}
.index_about_top h4 {color: #ffffff;font-size: 48px;font-weight: bold;margin-bottom:20px;}
.index_about_top h5 {color: #ffffff;font-size: 22px;font-weight:400;padding:0;margin:0;}
.index_about_bottom {width: 100%;height: 319px;position: absolute;bottom: 0;left: 0;background: url(../img/ab_bottom.png) no-repeat center;}
.index_about_bottom ul {width: 42.15%;height: 195px;float: left;margin-top:130px;}
.index_about_bottom ul li {width: 33.33%;height: 100%;float: left;text-align: center;padding-top: 48px;transition: all 0.4s ease-in-out;}
.index_about_bottom ul li:nth-child(1) {background: #5a9eca;}
.index_about_bottom ul li:nth-child(2) {background: #a7d8f8;}
.index_about_bottom ul li:nth-child(3) {background: #2e2564;}
.index_about_bottom ul li h4 {width: 100%;height: 40px;line-height: 40px;font-size: 18px;color: #fff;font-weight: normal;
    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 10px;}
.index_about_bottom ul li:hover {padding-top: 30px;transition: all 0.4s ease-in-out;}
.in_about_xx {width: 53%;height: auto;float: right;margin-top: 45px;}
.in_about_xx h4 {color: #333333;font-size:26px;font-weight: bold;}
.in_about_xx hr {width: 47px;height: 2px;background: #2e2564;margin: 15px 0;display: block;border: 0;}
.ab_info {width: 100%;height: auto;overflow: hidden;display: block;font-size: 16px;color: #666666;line-height: 30px;}
.ab_more {display: block;margin-top: 23px;}
.ab_more span {display: inline-block;font-size: 12px;line-height: 22px;font-weight: bold;color: #888;text-transform: uppercase;}
.ab_more img {margin-left:5px;max-width: 100%;height: auto;transition: .5s;}
.ab_more:hover{color: #2e2564;}
.ab_more:hover img {transform: translateX(10px);}

.index_case_box{overflow: hidden;margin-top: 40px;}
.index_case_box .left-box {float: left;width: 50%;box-sizing: border-box;}
.index_case_box .left-box .img-hide {overflow: hidden;position: relative;}
.index_case_box .left-box .img-box {width: 100%;height: 522px;background-size: cover;background-position: center center;transition: all .5s;}
.index_case_box .left-box:hover .img-box {transform: scale(1.1);}
.index_case_box .left-box  p {position: absolute;bottom: 0;left: 0;right: 0;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: rgba(0, 0, 0, 0.3);}

.index_case_box .right-box {float: left;width: 50%;height:522px;}
.index_case_box .right-box .img-hide {float: left;width: 48%;box-sizing: border-box;position: relative;height: 254px;overflow: hidden;margin-left:1.8%;margin-bottom:1.8%;}
.index_case_box .right-box .img-box {width: 100%;height: 254px;background-size: cover;background-position: center center;transition: all .5s;}
.index_case_box .right-box .img-box:hover{transform: scale(1.1);}
.index_case_box .right-box  p {position: absolute;bottom: 0;left: 0;right: 0;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: rgba(0, 0, 0, 0.3);}

.index_message{background: #F4F4F4;overflow: hidden;margin-top: 60px;padding-bottom: 65px;}
.index_mess{margin-top: 40px}
.index_messl{width: 42%;}
.index_messl img{max-width: 100%}
.index_messr{width: 54%;}
.index_messr .content_right_list {width: 48%;margin-bottom: 20px;}
.index_messr .content_right_textarea{width: 100%;margin-bottom: 20px}
/*.index_messr .content_right_list:nth-child(2n){float: right}*/
.index_messr input {width: 100%;line-height: 50px;padding-left: 15px;color: #222;border: none;background: #fff;outline: none;box-sizing: border-box}
.index_messr textarea {width: 100%;height: 102px;color: #222;line-height: 26px;font-family: "微软雅黑";padding: 15px;border: none;background: #fff;outline: none;box-sizing: border-box;}
.index_messr  button {width: 145px;line-height: 48px;background: #cdcdcd;text-align: center;color: #333333;font-size: 16px;margin-right: 25px;cursor: pointer;outline: none;border: none;}
.index_messr .submit{width: 145px;line-height: 50px;background: #2e2564;text-align: center;color: #fff;font-size: 16px;
    margin-right: 25px;outline: none;border: none;padding: 0;display: inline-block;}

.index_service {width: 100%;padding: 50px 0;background: #2e2564 url(../img/bn7.png) no-repeat 50% 100%;
display: flex;justify-content: center}
.index_service a{background: #fff; width: 200px; margin-right: 20px; line-height: 50px;
    text-align: center; font-size: 16px; color: #2e2564;display: flex;justify-content: center;align-items: center;}
.index_service a span{ font-size: 20px;}
.index_service a:last-child{ margin-right: 0px; line-height: 48px;}
.index_service a:last-child span{ font-size: 25px; position: relative; bottom: -3px;}
.index_service a:hover{ background: #493DAC; color: #fff;}
.index_service a img{margin-right: 10px}
.index_service a img:nth-child(2){display: none}
.index_service a:hover img:nth-child(1){display: none}
.index_service a:hover img:nth-child(2){display: block}

.oneB{overflow: hidden;padding-bottom: 45px;background-size: cover;background: url("../img/oneb.jpg") no-repeat center}
.oneB .title h2{color: #fff}
.oneB .title p{color: #fff}
.oneB1{overflow: hidden;margin-top: 40px;}
.oneB1 ul li{width: 33.3%;height:175px;float: left;text-align: center;box-sizing: border-box;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.oneB1 ul li dt{color: #fff}
.oneB1 ul li dt h3{margin: 18px 0 15px 0;}
.oneB1 ul li dt p{line-height: 1.6;padding: 0 50px;}
.oneB1 ul li:nth-child(3n){border-right: none;}
.oneB1 ul li:nth-child(4){border-bottom: none;padding-top: 25px;}
.oneB1 ul li:nth-child(5){border-bottom: none;padding-top: 25px;}
.oneB1 ul li:nth-child(6){border-bottom: none;padding-top: 25px;}


.oneC{overflow: hidden}
.oneCs{margin-top: 35px;overflow: hidden}
.oneC1{width: 597px;height: 442px;}
.oneC1 img{max-width: 100%}
.oneC2{width: 570px;}
.oneC2 h3{font-size: 24px;font-weight: normal;color: #2e2564}
.oneC2 i{width: 24px;height: 2px;background-color: #2e2564;display: inline-block;margin: 20px 0}
.oneC2 .text{color: #666;line-height: 1.8;font-size: 16px;}
.oneC2 .more{display: inline-block;width: 146px;border: 1px solid #2e2564;box-sizing: border-box;line-height: 41px;text-align: center;color: #2e2564;margin-top: 42px;}
.oneC2 .more:hover{background-color: #2e2564;color: #fff;}


.oneD{width: 100%;background-color: #342f6d;overflow: hidden;margin-top: 55px;padding-bottom: 55px;}
.oneD .title h2{color: #fff}
.oneD .title p{color: #ebeaea}
.oneD1{width: 1292px;margin: 0 auto;overflow: hidden;margin-top: 33px;position: relative}
.oneD1 ul{width: 1215px;margin-left: 34px}
.oneD1 ul li{width: 286px;height: auto;float: left;margin: 0 10px;background-color: #fff;overflow: hidden}
.oneD1 ul li dd{height: 210px;position: relative}
.oneD1 ul li dd img{height: 210px;}
.oneD1 ul li dt{padding: 0 30px 20px 20px}
.oneD1 ul li dt p{font-size: 18px;margin: 30px 0 15px 0}
.oneD1 ul li dt span{line-height: 1.6}
.oneD1 ul li dt .more{font-size: 12px;display: inline-block;text-transform: uppercase;margin-top: 40px;padding-left: 30px;background: url("../img/jt2.png") no-repeat left}
.oneD1 #lefts,.oneD1 #rights{display: inline-block;width: 44px;height: 44px;position: absolute;top: 167px;z-index: 1}
.oneD1 #lefts{left: 0;background:url("../img/lefts.png") no-repeat center;}
.oneD1 #rights{right: 0;background:url("../img/rights.png") no-repeat center;}


.oneE{width: 100%;background: url("../img/onee.jpg") no-repeat center;overflow: hidden;padding-bottom: 50px;}
.oneEs{margin-top: 35px;}
.oneEs ul li{width: 20%;float: left;text-align: center;background-color: #fff;padding-bottom: 35px;box-sizing: border-box;
    border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding-top: 35px;}
/*.oneEs ul li dd{}*/
.oneEs ul li dt h3{font-size: 18px;margin-top: 30px;}
.oneEs ul li dt p{color: #888;padding: 0 20px;line-height: 1.6;margin-top: 15px;}
.oneEs ul li:nth-child(5n){border-right: none}
.oneEs ul li:hover{box-shadow: 0 0 48px -12px #999;z-index: 9;position: relative;}


.oneF{overflow: hidden;padding-bottom: 50px;}
.oneF1{overflow: hidden;margin-top: 30px;}
.oneF1 ul li{width: 379px;float: left;position: relative;margin-right: 31px;transition: all 0.5s ease;}
.oneF1 ul li dd{width: 100%;height: 168px;overflow: hidden}
.oneF1 ul li dd img{height: 168px;width: 100%;transition: all 0.5s ease;}
.oneF1 ul li dt{width:100%;font-size: 16px;position: absolute;bottom: 0;left: 0;line-height: 40px;box-sizing: border-box;
color: #fff;padding-left: 20px;background: url("../img/newjt.png") no-repeat 355px;background-color: rgba(62,65,67,0.9);}
.oneF1 ul li:nth-child(3n){margin-right: 0}
.oneF1 ul li:hover img{transition: all 0.5s ease;transform: scale(1.2)}
.oneF2{overflow: hidden;margin-top: 10px;}
.oneF2 ul li{width: 379px;float: left;position: relative;margin-right: 31px;line-height: 2;}
.oneF2 ul li span{float: right;font-size: 12px;color: #999}
.oneF2 ul li:nth-child(3n){margin-right: 0}


.footer{background-color:#191919;overflow:hidden;}
.foot{overflow: hidden;padding: 50px 0 40px 0;}
.foot_nav ul{float: left;margin-right: 60px;}
.foot_nav ul li{line-height: 2;color:#d0d0d0;}
.foot_nav h3 {font-size:15px;font-weight:normal;color:#fff;margin-bottom:10px;}
.foot_nav ul li a {display:block;line-height:2;color:#929292;font-size: 13px;}
.foot_nav ul li:hover a{color: #2e2564}
.foot_ewm{font-size: 13px;color: #fff;}
.foot_ewm img{height: 110px;}
.foot_ewm ul{overflow: hidden}
.foot_ewm ul li{float: right;margin-left: 8px;text-align: center;}


.lx{overflow: hidden;margin-top: 20px;}
.lx span{font-size: 24px;font-weight: bold;color: #fff;background: url("../img/tel.png") no-repeat left;padding-left: 40px;
display: inline-block;height: 40px;line-height: 40px;}
.lx a{display: inline-block;width: 102px;line-height: 32px;text-indent:40px;background-color: #2e2564;color: #fff;font-size: 12px;
background: url("../img/talk.png") no-repeat center;float: right;margin-left: 8px;}
.foots {border-top: 1px solid rgba(255,255,255,0.24);text-align: center;overflow: hidden;line-height: 70px;color: #666;font-size: 13px;}
.footsr{margin-top: 15px;}


/*========================================= 关于我们 =====================================*/
.slider{width: 100%;height: 418px;overflow: hidden}
.subnav{width: 100%;height:57px;line-height: 57px;overflow: hidden;background-color: #e6e6e6;text-align: center}
.subnav a{font-size: 16px;color: #545454;font-size: 16px;margin: 0 40px;}
.subnav a:hover{color: #2e2564}
.subnav a.active{color: #2e2564}


.title2{text-align: center;margin-top: 40px;background: url("../img/title2.png") no-repeat bottom}
.title2 h2{font-size: 30px;font-weight: normal;}
.title2 p{font-size: 30px;font-weight: bold;color: #2e2564;text-transform: uppercase;padding: 10px 0 15px 0}
.title2 p span{color: #000}


.aboutA{width: 100%;background: url("../img/abouta.jpg") no-repeat center bottom;background-size:cover;overflow: hidden;padding-bottom: 60px}
.aboutAs{overflow: hidden;line-height: 1.8;font-size: 16px;margin-top: 50px;}
.aboutAs img{float: left;margin-right: 40px;}


.aboutB{width: 100%;overflow: hidden;background: url(../img/aboutb.jpg) no-repeat fixed center 0;background-size:cover;min-height: 495px;}
.aboutB .title2{background: url("../img/title2w.png") no-repeat bottom}
.aboutB .title2 h2{color: #fff}
.aboutB .title2 p{color: #fff}
.aboutB1{overflow: hidden;height: 100px;padding: 80px 0}
.aboutB1 ul li{width: 25%;float: left}
.aboutB1 ul li dd{width: 81px;height: 82px;float: left;overflow: hidden}
.aboutB1 ul li dt{color: #fff;font-size: 15px;margin-left: 20px;float: left}
.aboutB1 ul li dt p{font-size: 22px;margin-top: 15px;}
.aboutB1 ul li dt span{line-height: 2}
.aboutB2{text-align: center;}


.aboutC{overflow: hidden;padding-bottom: 50px;}
.aboutCs{width:1110px;line-height:2;margin:0 auto;margin-top: 20px;overflow: hidden;font-size: 16px;background-size: cover;
    background: url("../img/aboutc.png") no-repeat center bottom;padding: 20px 70px 20px 70px;box-sizing: border-box}

.aboutD{width: 100%;overflow: hidden;background: url(../img/aboutd.jpg) no-repeat center;background-size:cover;min-height: 692px;position: relative}
.aboutD .title2{background: url("../img/title2w.png") no-repeat bottom}
.aboutD .title2 h2{color: #fff}
.aboutD .title2 p{color: #fff}
.aboutD1{line-height: 2;font-size: 16px;color: #fff;margin-top: 40px;}
.aboutD1 ul{display: none}
.aboutD1 ul:first-child{display: block}
.aboutD2{width:1200px;padding-top: 70px;overflow: hidden;position: absolute;top: 340px;left: 50%;margin-left: -600px;}
.aboutD2 ul li{position: relative;float: left;width: 25%;text-align: center;transition: all 0.3s ease;}
.aboutD2 ul li dd{width: 70px;height: 70px;border: 3px solid #2e2564;box-sizing: border-box;border-radius: 100%;margin: 0 auto;transition: all 0.3s ease;}
.aboutD2 ul li dd img{border-radius: 100%;width: 100%;transition: all 0.3s ease;}
.aboutD2 ul li dt{color: #fff;margin-top: 30px;font-weight: bold;line-height: 1.8;transition: all 0.3s ease;}
.aboutD2 ul li dt h3{font-size: 24px}
.aboutD2 ul li dt p{font-size: 18px;}
.aboutD2 ul li:hover dd{transform: scale(1.4);transition: all 0.3s ease;}
.aboutD2 ul li:hover dt{margin-top: 65px;transition: all 0.3s ease;}
.aboutD2 ul li:hover dd:before{opacity: 1;transition: all 0.3s ease;}
.aboutD2 ul li:hover dd:after{opacity: 1;transition: all 0.3s ease;}
.aboutD2 ul li.active dd{transform: scale(1.4);transition: all 0.3s ease;}
.aboutD2 ul li.active dt{margin-top: 65px;transition: all 0.3s ease;}
.aboutD2 ul li.active dd:before{opacity: 1;transition: all 0.3s ease;}
.aboutD2 ul li.active dd:after{opacity: 1;transition: all 0.3s ease;}
.aboutD2 ul li dd:before {  content: '';  width: 1px;  height: 39px;  background-color: #fff;  position: absolute;  top: 67px;  left: 0;
    right: 0;  margin: 0 auto;  opacity: 0;  transition: all 0.3s ease;  }
.aboutD2 ul li dd:after{  content: '';  width: 0;  height: 0;  border-left: 7px solid transparent;  border-right: 7px solid transparent;
    border-bottom: 12px solid #2e2564;  position: absolute;  top: -13px;  left: 50%;  margin-left: -7px;  z-index: 1;  opacity: 0;  transition: all 0.3s ease;
}
.aboutD2 ul li:nth-child(1){margin-top: 30px;}
.aboutD2 ul li:nth-child(3){margin-top: 30px;}
.aboutD2 ul li:nth-child(4){margin-top: 20px;}


.aboutE{width: 100%;background: url("../img/aboute.jpg") no-repeat center;background-size: cover;overflow: hidden}
.aboutEs{width: 1212px;margin: 0 auto;overflow: hidden;margin-top: 60px;padding-bottom: 40px;}
.aboutEs ul li{float: left;margin: 0 10px;}
.aboutEs ul{overflow: hidden}
.aboutEs ul li dd{padding: 6px 5px;background-color: #fff;}
.aboutEs ul li dt{margin-top: 18px;text-align: center}
.aboutEjt{width: 120px;margin: 0 auto;margin-top: 50px;overflow: hidden}
.aboutEjt #left,.aboutEjt #right{display: inline-block;width: 45px;height: 45px;}
.aboutEjt #left{background: url("../img/aleft.png") no-repeat center;float: left}
.aboutEjt #right{background: url("../img/aright.png") no-repeat center;float: right}


/*========================================= 产品中心 =====================================*/
.title3{margin-top: 40px;}
.title3 h2{font-size: 24px;font-weight: bold;color: #000}
.title3 p{color: #666666;line-height: 1.8;padding: 15px 0 25px 0}

.proA{overflow: hidden;padding-bottom: 40px;}
.proA ul{overflow: hidden;border-top: 1px solid #d6d6d6}
.proA ul li{width: 278px;float: left;overflow: hidden;margin-top:40px;margin-right: 28px;transition: all 0.5s ease;}
.proA ul li dd{width: 100%;height: 200px;overflow: hidden;background: #ccc;text-align: center}
.proA ul li dd img{max-width:100%;transition: all 0.5s ease;}
.proA ul li dt{font-size: 16px;margin-top: 20px;}
.proA ul li:nth-child(4n){margin-right: 0}
.proA ul li:hover img{transform: scale(1.2);transition: all 0.5s ease;}


/*========================================= 产品优势 =====================================*/
.advanA{width: 100%;background: url("../img/advana.jpg") no-repeat center;background-size: cover;overflow: hidden;padding-bottom: 65px;}
.advanAs{margin-top: 50px;}
.advanAs .tits{text-align: center;font-size: 22px;}
.advanAs ul{margin-top: 45px;overflow: hidden}
.advanAs ul li{padding:20px 30px;float: left;background-color: #fff;width: 582px;box-sizing: border-box}
.advanAs ul li dd{width: 146px;height: 146px;border-radius: 100%;border: 4px solid #2e2564;overflow: hidden;float: left}
.advanAs ul li dt{float: left;margin-left: 25px;}
.advanAs ul li dt .tit{font-size: 22px;text-align: left;margin: 20px 0 15px 0;}
.advanAs ul li dt span{font-size: 18px;color: #666;line-height: 1.8}
.advanAs ul li:nth-child(2n){float: right}


.advanB{width: 100%;overflow: hidden;background: url(../img/advanb.jpg) no-repeat center;padding-bottom: 75px;background-size: cover}
.advanB .title2{background: url("../img/title2w.png") no-repeat bottom}
.advanB .title2 h2{color: #fff}
.advanB .title2 p{color: #fff}
.advanB ul{overflow: hidden;margin-top: 30px;}
.advanB ul li{width: 294px;float: left;margin-right: 7px;}
.advanB ul li dd{width: 294px;height: 190px;background-color: #2e2564;padding: 45px 30px;box-sizing: border-box;
    font-size: 18px;color: #fff;line-height: 1.8;margin-top: 9px;}
.advanB ul li dt{width:294px;height:190px;margin-top: 9px;overflow: hidden}
.advanB ul li dt img{height: 190px}
.advanB ul li:nth-child(4n){margin-right: 0}


.advanC{width: 100%;background: url("../img/advanc.jpg") no-repeat center;background-size: cover;overflow: hidden;padding-bottom: 50px;}
.advanCs{padding: 0 120px 0 60px;overflow: hidden;box-sizing: border-box}
.advanC2{width: 560px;font-size: 18px;line-height: 1.8}
.advanC2 h3{font-size: 24px;border-bottom: 2px solid #2e2564;display: inline-block;margin-top: 50px;}
/*.advanC2 p{margin-top: 20px;}*/


.advanD{width: 100%;overflow: hidden;background: url(../img/advand.jpg) no-repeat center;background-size:cover;padding-bottom: 55px;}
.advanD .title2{background: url("../img/title2w.png") no-repeat bottom}
.advanD .title2 h2{color: #fff}
.advanD .title2 p{color: #fff}
.advanD ul{background: url("../img/advands.png") no-repeat bottom;min-height: 580px;overflow: hidden;margin-top: 45px;}
.advanD ul li{width: 198px;height: 228px;background: url("../img/advand_li.png") no-repeat center;font-size: 18px;line-height: 1.8;
    padding: 60px 15px;box-sizing: border-box;color: #fff;float: left}
.advanD ul li:nth-child(1){margin-top: 230px;margin-left: 60px;}
.advanD ul li:nth-child(2){margin-top: 60px;margin-right: 40px;}
.advanD ul li:nth-child(4){margin-top: 60px;margin-left: 40px;}
.advanD ul li:nth-child(5){margin-top: 230px;}


.advanE{overflow: hidden;padding-bottom: 65px;}
.advanEs{margin-top: 45px;}
.advanEs21{width: 352px;height: 141px;background: url("../img/advaneb1.png") no-repeat center;font-size: 18px;color: #fff;
    padding: 25px 30px;box-sizing: border-box;line-height: 1.8;margin-left: 15px;}
.advanEs22{width: 352px;height: 265px;background: url("../img/advane22.png") no-repeat center;font-size: 18px;color: #fff;
padding: 0 30px 0 35px;box-sizing: border-box;line-height: 1.8;overflow: hidden;margin-top: 11px;margin-left: 2px;}
.advanEs22 h3{margin-top: 20px;}
.advanF{width: 100%;background-color: #ebebeb;overflow: hidden;padding-bottom: 50px}
.advanFs{text-align: center;width: 1100px;margin: 0 auto;margin-top: 35px;}
.advanFs .xtitle{width: 209px;height: 45px;background: url("../img/advanfbg.png") no-repeat center;line-height: 45px;font-size: 18px;color: #fff;}


/*========================================= 产品特点 =====================================*/
.feature{width: 100%;background: url("../img/fearture.jpg") repeat;overflow: hidden;background-size: cover;padding-bottom: 50px;}
.features{margin-top: 40px;overflow: hidden}
.feature ul li{width: 596px;float: left;background-color: #fff;padding: 45px 40px;box-sizing: border-box;margin-top: 10px;}
.feature ul li dd{float: left}
.feature ul li dd b{font-size: 48px;color: #2e2564;display: inline-block;float: left;font-family: Impact;margin-right: 20px;}
.feature ul li dd span{display: inline-block;float: left;line-height: 1.6}
.feature ul li dd span h3{font-size: 22px;margin-top: 5px}
.feature ul li dd span i{font-size: 12px;color: #d4d4d4;font-style: normal;text-transform: uppercase}
.feature ul li dt{float: left;line-height: 1.8;margin-top: 30px;font-size: 16px;}
.feature ul li dt .text{width: 100%;padding: 15px 20px;box-sizing: border-box;background-color: #e6e6e6;border-radius: 10px;
    margin-top: 16px;font-size: 15px;min-height: 111px;}
.feature ul li:nth-child(2n){float: right}
.feature ul li:nth-child(5) img{float:left;margin-right: 30px;}
.feature ul li:nth-child(9) img{float:left;margin-right: 30px;}
.feature ul li:nth-child(10){background: url("../img/ctd10.png") no-repeat right 330px #fff;}
.feature ul li:nth-child(1){min-height: 530px;}
.feature ul li:nth-child(2){min-height: 530px;}
.feature ul li:nth-child(3){min-height: 880px;}
.feature ul li:nth-child(4){min-height: 880px;}
.feature ul li:nth-child(5){min-height: 440px;}
.feature ul li:nth-child(6){min-height: 440px;}
.feature ul li:nth-child(7){min-height: 610px;}
.feature ul li:nth-child(8){min-height: 610px;}
.feature ul li:nth-child(9){min-height: 481px;}
.feature ul li:nth-child(10){min-height: 481px;}


/*========================================= 案例中心 =====================================*/
.cases{overflow: hidden;padding-bottom: 50px;}
.cases ul li{width: 277px;float: left;margin:35px 30px 0 0;}
.cases ul li dd{width: 100%;height: 190px;overflow: hidden;position: relative}
.cases ul li dd img{height: 190px;}
.cases ul li dt{font-size: 16px;margin-top: 25px;}
.cases ul li:nth-child(4n){margin-right: 0}
.cases ul li .mb{width: 100%;height: 0;position: absolute;top: 0;left: 0;opacity: 0;background: url("../img/search.png") no-repeat center;background-color: rgba(11, 70, 150, 0.8);}
.cases ul li:hover .mb{height: 100%;transition: .5s cubic-bezier(0.4, 0, 1, 1);opacity: 1;visibility: visible;}
.cases .cases1{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 100;display: none;overflow: hidden;background-color: rgba(0,0,0,0.2); }
.cases .cases2{width: 450px;margin: 30px auto;padding: 15px;background-color: #fff;}
.cases .cases2 img{width: 100%;margin-bottom: 15px;}
.cases .cases2 span{display: inline-block;float: right;font-size: 26px;color: #666}
.cases .cases2 .cases_con{line-height: 2;font-size: 18px;color: #666;padding-bottom: 20px;}


/*========================================= 新闻中心 =====================================*/
.news{margin-top: 40px;overflow: hidden;padding-bottom: 45px;}
.newsl{width: 296px;}
.title4{margin-top: 20px;line-height: 2}
.title4 h2{font-size: 22px;color: #222}
.title4 i{display: inline-block;width: 30px;height: 3px;background-color: #ccc;}

.news1{width: 100%;margin-top: 30px;padding-bottom: 20px;}
.news1 ul li{padding-left: 30px;border-bottom: 1px dotted #7f7f7f;line-height: 50px;border-left: 6px solid #2e2564;
    background-color: #f8f8f8;font-size: 16px;margin-top: 3px;}
.news1 ul li:hover a{color: #2e2564}
.news1 ul li a.active{color: #2e2564}


.news2{margin-top: 20px}
.news2 dd{width: 100%;}
.news2 dd img{height: 205px;width: 100%}
.news2 dt{line-height: 50px;background-color: #f8f8f8;text-indent: 13px;font-size: 16px;}

.news3{width: 100%;height: 183px;background-color: #2e2564;text-align: center;margin-top: 45px;color: #fff;overflow: hidden}
.news3 p{font-size: 18px;margin: 30px 0 12px 0}
.news3 span{font-size: 18px;font-family: Arial;}
.news3 h3{font-size: 24px;margin-top: 20px;}


.newsr{width: 848px;}
.newsr2 ul li{width: 100%;border-bottom: 1px solid #efefef;padding: 20px 0;overflow: hidden}
.newsr2 ul li dd{width: 246px;height: 154px;overflow: hidden;float: left}
.newsr2 ul li dd img{height: 154px;transition: all 0.5s ease;}
.newsr2 ul li dt{width: 575px;float: right}
.newsr2 ul li dt .tit{font-size: 20px;}
.newsr2 ul li dt span{color:#666;line-height: 1.8;display: inline-block;margin: 20px 0 35px 0}
.newsr2 ul li dt i{font-size: 12px;color: #888;font-family: Arial;font-style: normal}
.newsr2 ul li dt .i1{background: url("../img/date.png") no-repeat left;padding-left: 25px;}
.newsr2 ul li dt .i2{background: url("../img/see.png") no-repeat left;padding-left: 20px;margin-left: 20px}
.newsr2 ul li:hover{background-color: #f8f8f8}
.newsr2 ul li:hover img{transition: all 0.5s ease;transform: scale(1.2)}


/*========================================= 新闻详情页 =====================================*/
.content{background-color: #f5f5f5;overflow: hidden}
.con{padding: 50px 0;overflow: hidden;}
.con1{background-color: #fff;padding: 20px;box-sizing: border-box;overflow: hidden}
.con1_top{border-bottom: 1px dashed #cbcbcb;overflow: hidden;padding-bottom: 25px;}
.con1_top p{font-size: 24px;color: #333;margin-bottom: 20px;text-align: center}
.icon{text-align: center;color: #666}
.icon i{font-style: normal}
.cont{line-height: 2;padding: 30px 0;min-height: 400px;border-bottom: 1px dashed #cbcbcb;font-size: 16px;color: #666666}
.cont .thumb{text-align: center}
.cont .thumb img{max-width: 100%}
.back{font-size: 16px;margin-top: 40px;background: url("../img/back.png") no-repeat left;padding-left: 30px;}
.con2 ul li{width: 318px;height: 329px;background-color: #fff;overflow: hidden;padding: 15px;box-sizing: border-box;margin-bottom: 20px}
.con2 ul li dd{width: 100%;height: 210px;overflow: hidden}
.con2 ul li dd img{height: 210px;}
.con2 ul li dt p{font-size: 16px;line-height: 1.5;margin: 10px 0}
.con2 ul li dt span{font-size: 14px;color: #666}


/*========================================= 联系我们 =====================================*/
.contactA{height: 365px;overflow: hidden;border: 1px solid #e5e5e5;box-sizing: border-box;position: relative;margin-top: 40px;}
.contactA #map{width: 100%;height: 365px;}
.contactA1{width: 524px;height: 100%;background:url("../img/conta.png") no-repeat center;position: absolute;left: 0;top: 0;
    padding: 30px 50px;box-sizing: border-box;line-height: 2;font-size: 16px;}
.contactA1 h3{font-size: 20px;}
.contactA1 .tel{font-size: 30px;font-family: Arial;color: #2e2564;font-weight: bold;background: url("../img/tel2.png") no-repeat left;padding-left: 40px;}
.contactB{width:100%;overflow: hidden;background:url("../img/mess.jpg") no-repeat center;padding-bottom: 45px;margin-top: 60px;overflow: hidden}
.contactB .title2 h2{color:#fff;}
.contactB .title2 p{color:#fff;}
.contactB .title2{background: url("../img/title2w.png") no-repeat bottom}
.contactB form{margin-top: 30px;background-color: #fff;padding: 20px 0 40px 0}
.contactB .forms{width: 985px;margin: 0 auto;overflow: hidden}
.contactB input{margin-top: 20px;border: none;border: 1px solid #ccc;line-height: 48px;border-radius: 3px;box-sizing: border-box;text-indent: 10px;}
.contactB textarea{width: 100%;border: none;height: 125px;border: 1px solid #ccc;margin-top: 20px;text-indent: 10px;line-height: 2;box-sizing: border-box;border-radius: 3px;font-family: "Microsoft YaHei"}
.contactB .input1{width: 985px;}
.contactB .input2,.contactB .input3{width: 480px;}
.contactB .input2{float: left}
.contactB .input3{float: right}
.contactB .btns{width: 320px;margin: 0 auto}
.contactB a,.contactB1 #btn{display: inline-block;width: 100%;line-height: 35px;text-align: center;color: #fff;
    background-color: #2e2564;margin-top: 25px;border-radius: 3px;}